<div class="contain" ng-controller="HomepageCtrl">
    <div class="body">
        <div class="carousel-wrap relative">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" ng-repeat="list in data.dataList">
                        <img ng-src="{{list.path}}" alt="">
                    </div>
                </div>
                <!--按钮-->
                <div class="swiper-pagination"></div>
            </div>
            <div class="swiper-button-prev1" style="top:50%;width:40px;height:40px;position:absolute;left:0;transform:translateY(-50%);z-index:100;cursor:pointer;">
                <img src="./images/left2.png" style="width:15px;display:block;margin:0 auto;position:relative;top:12px;left:-2px;" alt="">
            </div>
            <div class="swiper-button-next1" style="top:50%;width:40px;height:40px;position:absolute;right:0;transform:translateY(-50%);z-index:100;cursor:pointer;">
                <img src="./images/right2.png" style="width:15px;display:block;margin:0 auto;position:relative;top:12px;left:-2px;" alt="">
            </div>
        </div>
        <div class="display-wrap ">
            <div class="display clearfix">
                <div class="pull-left wow rollIn" data-wow-delay="1s">
                    <div class="display-left">
                        <img src="./images/display-1.jpg" alt="">
                    </div>
                </div>
                <div class="pull-left wow lightSpeedIn"  data-wow-delay=".25s">
                    <div class="display-right">
                        <img src="./images/display-2.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>
        <!--今日上新-->
        <div class="news clearfix">
            <div class="news-left-wrap pull-left">
                今日上新 <span>New product</span>
            </div>
            <!--<div class="news-right-wrap pull-right">+ 查看更多</div>-->
        </div>
        <!--今日上线列表-->
        <div class="news-product-wrap clearfix">
            <div class="news-product-list-wrap wow bounceInUp pull-left" data-wow-delay="1s">
                <img src="./images/pro-1.JPG" width="100%" alt="">
                <div>深海鱈鱼扒饭</div>
                <div class="news-product-list-price"> </div>
            </div>
            <div class="news-product-list-wrap wow bounceInUp pull-left" data-wow-delay="1s">
                <img src="./images/pro-2.JPG" width="100%" alt="">
                <div>泰式雪花鸡扒饭</div>
                <div class="news-product-list-price">  </div>
            </div>
            <div class="news-product-list-wrap wow bounceInUp pull-left" data-wow-delay="1s">
                <img src="./images/pro-3.JPG" width="100%" alt="">
                <div>日式黑椒猪扒饭</div>
                <div class="news-product-list-price"> </div>
            </div>
            <div class="news-product-list-wrap wow bounceInUp pull-left" data-wow-delay="1s">
                <img src="./images/pro-4.JPG" width="100%" alt="">
                <div>广式招牌叉烧饭</div>
                <div class="news-product-list-price"> </div>
            </div>
        </div>

        <!--限时促销下方-->
        <div class="des-wrap clearfix">
            <div class="des-list-wrap des-list-bg"></div>
            <div class="des-list-wrap">
                <img src="./images/logo.png" alt="">
                <div class="des-text-wrap wow lightSpeedIn" data-wow-delay="1s">
                    “二两米”餐饮是杭州菲豪餐饮管理有限公司旗下品牌，创始人邓石胜先生凭借多年来对餐饮市场的了解，将传统美食改造成快捷便携简餐及复合式餐饮，即色泽美观，营养丰富，健康美味等特点。
                </div>
            </div>
        </div>

        <!--装点家园-->
        <div class="news clearfix">
            <div class="news-left-wrap pull-left">
                装点家园 <span>decorate the homes</span>
            </div>
            <!--<div class="news-right-wrap pull-right">+ 查看更多</div>-->
        </div>

        <!--装点家园列表-->
        <div class="news-product-wrap clearfix relative">
            <div class="swiper-container2 relative">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" ng-repeat="list in data.dataList2">
                        <div ng-if="$index%2==0" class="swiper-wrap wow bounceInUp" data-wow-delay="{{list.delay}}s">
                            <img ng-src="{{list.path}}" width="100%" alt="">
                            <div class="news-product-list-title">{{list.title}}</div>
                            <!--<div class="news-product-list-price news-product-list-price2">￥{{list.price}}</div>-->
                        </div>
                        <div ng-if="$index%2!=0" class="swiper-wrap wow bounceInUp" data-wow-delay="{{list.delay}}s">
                            <div class="news-product-list-title">{{list.title}}</div>
                            <!--<div class="news-product-list-price news-product-list-price2">￥{{list.price}}</div>-->
                            <img ng-src="{{list.path}}" width="100%" alt="">
                        </div>
                    </div>

                </div>
                <!--按钮-->
                <div class="swiper-pagination"></div>
            </div>
            <div style="width:40px;height:80px;position:absolute;right:-40px;top:50%;transform:translateY(-50%);z-index:100;">
                <div class="swiper-btn swiper-prve" style="width:40px;height:40px;background:#999;">
                    <img src="./images/left2.png" style="width:15px;display:block;margin:0 auto;position:relative;top:12px;left:-2px;" alt="">
                </div>
                <div class="swiper-btn swiper-next" style="width:40px;height:40px;background:#999;">
                    <img src="./images/right2.png" style="width:15px;display:block;margin:0 auto;position:relative;top:12px;" alt="">
                </div>

            </div>
        </div>



    </div>
</div>